<template>
	<div>
		<div>
			<img
				v-if="isShowImg1"
				class="image"
				src="https://img0.baidu.com/it/u=1273517628,1100314156&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281"
			/>
			<img
				class="image"
				v-show="isShowImg2"
				src="https://img2.baidu.com/it/u=617579813,2960860841&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800"
			/>
		</div>
		<button @click="changeImg1">Show Img1</button>
		<button @click="changeImg2">Show Img2</button>
	</div>
</template>

<script>
export default {
	data() {
		return {
			isShowImg1: false,
			isShowImg2: true,
		}
	},
	methods: {
		changeImg1() {
			this.isShowImg1 = !this.isShowImg1
		},
		changeImg2() {
			this.isShowImg2 = !this.isShowImg2
		},
	},
}
</script>

<style>
.image {
	width: 300px;
}
</style>
